<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alesko</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="nave.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="bg">
<div class="container">
<div class="logo"><a href="index.html"><img src="images/alesko_logo.png" width="108" height="84" border="0" /></a>
</div> <!--Logo Ends-->

<div class="right_top">
  <table width="241" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="background-image:url(images/cart.png); background-repeat:no-repeat; height:34px;"><div class="cart"><a href="#" style="color:#FFFFFF; text-decoration:none;">Корзина (1)</a> | <a href="#" style="color:#FFFFFF; text-decoration:none;">Регистрация</a> | <a href="#" style="color:#FFFFFF; text-decoration:none;">Войти</a></div></td>
    </tr>
    <tr>
    </tr>
  </table>

</div> <!--right_top Ends-->
<div style="clear:both"></div>
<div class="nave">
<div class="quiklinks">
<ul>
<li><a href="index.html" class="quiklinks_01">Home</a><span class="hide">Home</span></li>
<li><a href="#" rel="nofollow" class="quiklinks_02">About us</a><span class="hide">About us</span></li>
<li><a href="#" rel="nofollow" class="quiklinks_03">Business Customers</a><span class="hide">Business Customers</span></li>
<li><a href="#" rel="nofollow" class="quiklinks_04">Security</a><span class="hide">Security</span></li>
<li><a href="#" rel="nofollow" class="quiklinks_06">Delivery Information</a><span class="hide">Delivery Information</span></li>
<li><a href="#" class="quiklinks_09">Articles &amp; Reviews</a><span class="hide">Articles &amp; Reviews</span></li>
<li><a href="#" rel="nofollow" class="quiklinks_08">Help</a><span class="hide">Help</span></li>
<li><a href="#" rel="nofollow" class="quiklinks_07">Contact Us</a><span class="hide">Contact Us</span></li>
<li><a href="#" rel="nofollow" class="quiklinks_05">Checkout</a><span class="hide">Checkout</span></li>

</ul>
</div> <!--quiklinks Ends-->
</div> <!--nave Ends-->
<div style="clear:both"></div>
<div class="middle_container">
<div class="left_area">
<div class="search_bg">
<div style="height:28px;">Search</div>
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="69%">  <form id="form1" name="form1" method="post" action="">
    <label for="textfield"></label>
    <input name="textfield" type="text" id="textfield" value="Search by keyword" />
  </form></td>
    <td width="5%">&nbsp;</td>
    <td width="26%"><a href="#"><img src="images/go_btn.jpg" width="36" height="25" border="0" /></a></td>
  </tr>
</table>

</div>
</div> <!--search_bg Ends-->
<div>
<div class="cat">CATEGORIES
</div> <!--cat Ends-->
</div>
<div class="lft_nav">
<table width="206" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
    <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
</table>

<div class="man">MANUFACTURERS
</div> <!--man Ends-->
<!---->
<table width="206" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="26">&nbsp;</td>
  </tr>
  <tr>
    <td height="26">&nbsp;</td>
  </tr>
  <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
    <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
</table>
<!---->
<!---->
<div class="fp">FEATURED PRODUCTS
</div> <!--man Ends-->
<!---->
<table width="206" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="26">&nbsp;</td>
  </tr>
  <tr>
    <td height="26">&nbsp;</td>
  </tr>
  <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
    <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
     <tr>
    <td height="26"><a href="#" class="lftlink">Title Goes Here</a></td>
  </tr>
   <tr>
</table>
<!---->
<!---->
</div> 
<!--lft_nav Ends-->
</div> <!--left_area Ends-->
<div class="mid_area">
<!--Page Title-->
<div class="page_title_in">Laptops</div>
<!--Page Title Ends-->
<!-- pagination -->
<div style="margin-bottom:20px; ">
<table width="100%"  border="0" cellpadding="3" cellspacing="3" bgcolor="#EEEEEE">
  <tr>
    <td width="50%"><div class="page_title_in1">Page 1 of 15</div></td>
  <td width="50%">
  <div class="pagination1"><a href="#">1</a></div>
  <div class="pagination2"><a href="#">2</a></div>
  <div class="pagination2"><a href="#">3</a></div>
  <div class="pagination2"><a href="#">4</a></div>
  <div class="pagination2"><a href="#">5</a></div>
  <div class="pagination2"><a href="#">6</a></div>
  <div class="pagination2"><a href="#">7</a></div>
  <div class="pagination2"><a href="#">8</a></div>
  <div class="pagination2"><a href="#">9</a></div>
  <div class="pagination2"><a href="#">10</a></div>
  <div class="pagination2"><a href="#">&raquo;</a></div>
  </td>
  </tr>
</table>

</div>
<!-- pagination ends -->
<div class="product_list_cnt">

<div class="product_lis">
<ul>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">In Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>
<a class="addtocart_btn" href="#"></a>
</div>
</li>

<div style="float:left; width:15px; height:100px;"></div>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">Out of Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>

</div>
</li>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">In Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>
<a class="addtocart_btn" href="#"></a>
</div>
</li>

<div style="float:left; width:15px; height:100px;"></div>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">Out of Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>

</div>
</li>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">In Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>
<a class="addtocart_btn" href="#"></a>
</div>
</li>

<div style="float:left; width:15px; height:100px;"></div>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">Out of Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>

</div>
</li>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">In Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>
<a class="addtocart_btn" href="#"></a>
</div>
</li>

<div style="float:left; width:15px; height:100px;"></div>

<li>
<div class="product_top">
<div class="product_head">ITEM NAME</div>
</div>
<div class="product_middle">
<div class="product_thump"><a href="#"><img src="images/pro_1.jpg" border="0" style="border-width:0px;" title="Laptops products"></a>
<div class="zoom">
<a href="#"></a>
</div>
</div>
<div class="product_text">
<p style="color:#464F55; ">Praesent scelerisque augue nec sem facilisis vel lacinia risus elementum. Vivamus nisi nibh, sodales at semper ac, dignissim ut augue.</p>
<h3 style="color:#3F9341; font-size:14px; font-weight:bold; ">Out of Stock</h3>
</div>
<div style="float:left; width:200px; padding-left:10px; font-size:14px; color:#0070C0; font-weight:bold; ">
<div style="float:left; width:150px; ">Retail Price:</div> <div style="float:right; width:50px; ">$432.99</div>
<div style="float:left; width:150px; ">Wholesale Price:</div> <div style="float:right; width:50px; ">$402.99</div>
<div style="height:5px; width:200px; float:left; "></div>
</div>
</div>
<div class="pro_bottom_1">
<a class="details_btn" href="#"></a>

</div>
</li>




</ul>
<div style="width:500px;float:left; ">

<div style="margin-bottom:20px; ">
<table width="100%"  border="0" cellpadding="3" cellspacing="3" bgcolor="#EEEEEE">
  <tr>
    <td width="50%"><div class="page_title_in1">Page 1 of 15</div></td>
  <td width="50%">
  <div class="pagination1"><a href="#">1</a></div>
  <div class="pagination2"><a href="#">2</a></div>
  <div class="pagination2"><a href="#">3</a></div>
  <div class="pagination2"><a href="#">4</a></div>
  <div class="pagination2"><a href="#">5</a></div>
  <div class="pagination2"><a href="#">6</a></div>
  <div class="pagination2"><a href="#">7</a></div>
  <div class="pagination2"><a href="#">8</a></div>
  <div class="pagination2"><a href="#">9</a></div>
  <div class="pagination2"><a href="#">10</a></div>
  <div class="pagination2"><a href="#">&raquo;</a></div>
  </td>
  </tr>
</table>

</div>

</div>

</div>



<div class="product_tab">
<div class="product_tab_top">
<div class="product_tab_btns">

<div class="clear"></div>
</div>
</div>

<div class="clear"></div>

</div>
</div>
</div> <!--mid_area Ends-->
<div class="right_area">
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><div style="background-image:url(images/order_bg.png); background-repeat:no-repeat; height:211px; width:219px;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="143" colspan="2">&nbsp;</td>
        </tr>
        <tr>
          <td width="71%" height="68"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="10%">&nbsp;</td>
              <td width="90%"><form id="form2" name="form2" method="post" action="">
                <label for="textfield2"></label>
                <input name="textfield2" type="text" id="textfield2" value="Order ID" />
              </form></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><form id="form3" name="form3" method="post" action="">
                <label for="textfield3"></label>
                <input name="textfield3" type="text" id="textfield3" value="Last Name" />
              </form></td>
            </tr>
          </table></td>
          <td width="29%" align="center" valign="middle"><a href="#"><img src="images/go_btn_2.png" width="52" height="52" border="0" /></a></td>
        </tr>
      </table>
    </div></td>
  </tr>
  <tr>
    <td><div style="margin-top:15px; margin-bottom:15px; background-image:url(images/online_bg.jpg); background-repeat:no-repeat; width:218px; height:130px;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="center"><img src="images/title_online.png" width="218" height="44" /></td>
          </tr>
        <tr>
          <td><img src="images/im_online.png" width="128" height="33" hspace="15" vspace="5" /></td>
          </tr>
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="22%"><img src="images/icq.png" hspace="10" vspace="5" /></td>
              <td width="78%" style="color:#FFFFFF">111 - 222 - 333</td>
              </tr>
            </table></td>
          </tr>
        </table>
      </div></td>
  </tr>
  </table>
</div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="images/0000006_223_0.jpeg" width="223" height="215" /></td>
  </tr>
  <tr>
    <td align="center"><img src="images/0000009_223_0.jpeg" width="223" height="400" /></td>
  </tr>
  <tr>
    <td align="center"><div style="margin-top:15px; background-image:url(images/newsletter.png); background-repeat:no-repeat; width:218px; height:85px;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="44">&nbsp;</td>
        </tr>
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="6%">&nbsp;</td>
              <td width="67%"><form id="form4" name="form4" method="post" action="">
                <label for="textfield4"></label>
                <input name="textfield4" type="text" id="textfield4" value="Enter your email" />
              </form></td>
              <td width="27%" align="center"><a href="#"><img src="images/go_btn.jpg" alt="" width="36" height="25" border="0" /></a></td>
            </tr>
          </table></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
</div>
</div> <!--right_area Ends-->
<div style="clear:both"></div>
</div> <!--middle_container-->
<div style="background-image:url(images/footer_bg.jpg); background-repeat:repeat-x; height:101px; margin-left:25px; width:992px;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="center" style="font-size:14px; color:#787878">Register | Log in | Shipping &amp; Returns | Privacy Policy | Conditions of Use | Returns Form | Contact us | Sitemap | Customer Reviews</td>
    </tr>
    <tr>
      <td align="center">&nbsp;</td>
    </tr>
    <tr>
      <td align="center" style="font-size:12px; color:#787878">Copyright 2012 Alesko. All rights reserved.</td>
    </tr>
  </table>
</div>
</div> <!--Container Ends-->
</div> <!--BG Ends-->
</body>
</html>
